<!doctype html>
<html lang="zh-hans"><head>

  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <script src="https://static.piterator.com/node_modules/pace-progress/pace.min.js" crossorigin="anonymous"></script>
  <link href="https://static.piterator.com/node_modules/pace-progress/themes/blue/pace-theme-flash.css" rel="stylesheet" crossorigin="anonymous">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://static.piterator.com/node_modules/bootstrap/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

  <link rel="stylesheet" href="https://static.piterator.com/node_modules/%40fortawesome/fontawesome-free/css/all.css" crossorigin="anonymous">

  <title>Oier2048 - Piterator</title>

  <!-- <style>
    body > : -child(2) {
      padding: 56px 0 100px;
    }
  </style> -->

  <style>
    ol .list-group-item {
      display: list-item;
    }
  </style>

  <style>
    img.emoji {
      height: 1em;
    }
  </style>

  
  <style>
    body > div.container {
      padding-top: 56px;
    }
  </style>


  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-132660219-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-132660219-1');
  </script>

  <script src="//static.piterator.com/node_modules/twemoji/dist/twemoji.min.js" integrity="sha384-PEQg4NJbyXT+TJJVKYN9zmD5ehVaV3TiBdzovT7WkshNClGNg8+bk4hKQ+lGrgaw" crossorigin="anonymous" defer="" onload="twemoji.parse(document.body, {folder: 'svg', ext: '.svg'});"></script>

</head>

<body class="pace-done"><div class="pace pace-inactive"><div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
  <div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
      <a class="navbar-brand" href="https://www.piterator.com/">
        <img src="https://static.piterator.com/logo.min.svg" width="30" height="30" class="align-top" alt="Logo"> Piterator
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link active" href="https://www.piterator.com/">首页<span class="sr-only"> (current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">博客<span class="sr-only"> (comming soon)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://oj.piterator.com/" data-startswith="">在线测评系统</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDemo" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">示例</a>
            <div class="dropdown-menu" aria-labelledby="navbarDemo">
              <a class="dropdown-item" href="https://www.piterator.com/demo/plyr/">Media Player (Plyr)</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="https://www.piterator.com/demo/mathjax/">LaTeX (MathJax)</a>
              <a class="dropdown-item" href="https://www.piterator.com/demo/katex/">LaTeX (KaTeX)</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="https://www.piterator.com/demo/tinymce/">Rich Text Editor (TinyMCE)</a>
              <a class="dropdown-item" href="https://www.piterator.com/demo/ckeditor4/">Rich Text Editor (CKEditor 4)</a>
              <a class="dropdown-item" href="//www.piterator.com/demo/ckeditor5/">Rich Text Editor (CKEditor 5)</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="https://www.piterator.com/demo/monaco-editor/">Source Code Editor (Monaco Editor)</a>
            </div>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarLinks" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">链接</a>
            <div class="dropdown-menu" aria-labelledby="navbarLinks">
              <a class="dropdown-item" href="https://65864.blog.luogu.org/Oier2048">Oier2048</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="http://icelava.top/">IceLava</a>
            </div>
          </li>
        </ul>
        <ul class="navbar-nav">
          <!-- <li class="nav-item">
            <form class="form-inline my-2 my-lg-0">
              <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" disabled>
              <button class="btn btn-outline-success my-2 my-sm-0" type="submit" disabled>Search</button>
            </form>
          </li> -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="https://accounts.piterator.com/" id="navbarAccount" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-startswith="">
              <i class="d-none d-lg-inline-block far fa-user"></i>
              <span class="d-inline-block d-lg-none">账号</span>
            </a>
            <div class="dropdown-menu dropdown-menu-lg-right" aria-labelledby="navbarAccount">
              
                <a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">bohanjun</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="https://accounts.piterator.com/logout/" data-startswith="">注销</a>
                <a class="dropdown-item" href="https://accounts.piterator.com/switch/" data-startswith="">切换</a>
              
            </div>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h1 class="mt-5">Oier2048</h1>
        <div class="container">
          <div class="row align-items-center my-5">
            <div class="col-lg-7">
              <img class="img-fluid rounded mb-4 mb-lg-0" src="https://via.placeholder.com/900x400" alt="">
            </div>
            <div class="col-lg-5">
              <h1 class="font-weight-light">Oier2048</h1>
              <p>
                  Oier2048 是博瀚君所开发。
                  <br />
                  Oier2048 是一款支持存档、计时和换肤的2048。
                  <br />
                  Oier2048 需要在 Windows 环境下玩耍哦~
                  <br />
                  <br />
                  该版本中推出了新的皮肤、新的存档类型。
              </p>
              <a class="btn btn-primary" href="https://upload.piterator.com/5462330c2e04ce9ccae849c13925f22e">下载 v3.2.0</a>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4 mb-5">
              <div class="card h-100">
                <div class="card-body">
                  <h2 class="card-title">v2.4.0</h2>
                  <p class="card-text">该版本中推出了计时系统。</p>
                </div>
                <div class="card-footer">
                  <a href="https://upload.piterator.com/c52f7c0b0f7994cdcbe3af394dbb17fa" class="btn btn-primary btn-sm">立即下载</a>
                </div>
              </div>
            </div>
            <div class="col-md-4 mb-5">
              <div class="card h-100">
                <div class="card-body">
                  <h2 class="card-title">v2.2.2</h2>
                  <p class="card-text">修复了一些 Bug。</p>
                </div>
                <div class="card-footer">
                  <a href="https://lilfile.com/XGYFJM" class="btn btn-primary btn-sm">立即下载</a>
                </div>
              </div>
            </div>
            <div class="col-md-4 mb-5">
              <div class="card h-100">
                <div class="card-body">
                  <h2 class="card-title">v2.0.0</h2>
                  <p class="card-text">UI 大升级。</p>
                </div>
                <div class="card-footer">
                  <a href="https://lilfile.com/xEco1H" class="btn btn-primary btn-sm">立即下载</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <!-- <script src="//static.piterator.com/node_modules/jquery/dist/jquery.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> -->
  <script src="//static.piterator.com/node_modules/jquery/dist/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="//static.piterator.com/node_modules/popper.js/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="//static.piterator.com/node_modules/bootstrap/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  <!-- <script src="//static.piterator.com/node_modules/vue/dist/vue.js" crossorigin="anonymous"></script> -->

  <script>
    $('a.nav-link').each(function() {
      if (location.href == new URL($(this).attr('href'), location.href).href)
        $(this).addClass('active');
    });
    $('a[data-startswith]').each(function() {
      if ($(this)[0].host == location.host && location.pathname.startsWith($(this)[0].pathname)) {
        $(this).addClass('active');
      }
    });
    $('.nav-item.dropdown > .dropdown-menu > a.dropdown-item[href="//' + location.host + location.pathname + '"]').addClass('active');
    $('.nav-item.dropdown > .dropdown-menu > a.dropdown-item[href="//' + location.host + location.pathname + '"]').parents('.nav-item').addClass('active');
    $('a.nav-link.active').append('<span class="sr-only"> (current)</span>');
  </script>

  <script>
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (function() {
      'use strict';
      window.addEventListener('load', function() {
        // Fetch all the forms we want to apply custom Bootstrap validation styles to
        var forms = document.getElementsByClassName('needs-validation');
        // Loop over them and prevent submission
        var validation = Array.prototype.filter.call(forms, function(form) {
          form.addEventListener('submit', function(event) {
            if (form.checkValidity() === false) {
              event.preventDefault();
              event.stopPropagation();
            }
            form.classList.add('was-validated');
          }, false);
        });
      }, false);
    })();
  </script>

  




<div style="position: static; display: none; width: 0px; height: 0px; border: none; padding: 0px; margin: 0px;"><div id="trans-tooltip"><div id="tip-left-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-left-top.png&quot;);"></div><div id="tip-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-top.png&quot;) repeat-x;"></div><div id="tip-right-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-right-top.png&quot;);"></div><div id="tip-right" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-right.png&quot;) repeat-y;"></div><div id="tip-right-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-right-bottom.png&quot;);"></div><div id="tip-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-bottom.png&quot;) repeat-x;"></div><div id="tip-left-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-left-bottom.png&quot;);"></div><div id="tip-left" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-left.png&quot;);"></div><div id="trans-content"></div></div><div id="tip-arrow-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-arrow-bottom.png&quot;);"></div><div id="tip-arrow-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-arrow-top.png&quot;);"></div></div><style>.tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px}   .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}</style></body></html>